<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:c="http://java.sun.com/jsp/jstl/core">

    <p:panelGrid style="width: 650px;margin: 10px auto" >        
        <p:row>
            <p:column>
                <h:outputLabel id="lblSedeMov" value="SEDE: " class="lblBusqueda" />   
            </p:column>
            <p:column >
                <p:selectOneMenu id="cbxSedeMov" style="width: 200px"
                                 value="#{BKReporteAdministracion.idSede}">
                    <f:selectItem itemLabel="Seleccionar" itemValue="0" /> 
                    <f:selectItems value="#{BKReporteAdministracion.mostrarListaSedes}" 
                                   var="sede" itemLabel="#{sede.nombre}" itemValue="#{sede.id}"/>
                </p:selectOneMenu> 
            </p:column>
            <p:column>
                <h:outputLabel id="lblTipoMov" value="MOTIVO: " class="lblBusqueda"/>
            </p:column>

            <p:column>
                <p:selectOneMenu value="#{BKReporteAdministracion.movimientoBusqueda.motivo}"
                                 id="cbxTipoMotivo" style="width: 200px" editable="true" onkeyup="cambiarMayuscula(this)">  
                    <f:selectItem itemLabel="SELECCIONAR" itemValue="" />   
                    <f:selectItem itemLabel="GASTOS REPRESENTATIVOS" itemValue="GASTOS REPRESENTATIVOS" />   
                    <f:selectItem itemLabel="MOVILIDAD" itemValue="MOVILIDAD" />
                    <f:selectItem itemLabel="TRANSPORTE" itemValue="TRANSPORTE" />
                    <f:selectItem itemLabel="COMPRAS" itemValue="COMPRAS" />
                    <f:selectItem itemLabel="VIATICOS" itemValue="VIATICOS" />

                </p:selectOneMenu>
            </p:column>
        </p:row>

        <p:row>
            <p:column>
                <h:outputLabel id="lblFechaInicioMov" value="DEL: " class="lblBusqueda" />
            </p:column>
            <p:column>
                <p:calendar id="txtFechaInicioMov" locale="es"
                            value="#{BKReporteAdministracion.fechaInicioMov}" 
                            pattern="dd/MM/yyyy" size="19"
                            maxdate="#{BKReporteAdministracion.fechaFinalMov}"
                            showOn="button" showButtonPanel="true" navigator="true" >
                    <p:ajax event="dateSelect" update="txtFechaFinalMov" process="@this" />
                </p:calendar>
            </p:column>
            <p:column>
                <h:outputLabel id="lblFechaFinalMov" value="AL: " class="lblBusqueda" />
            </p:column>
            <p:column>
                <p:calendar id="txtFechaFinalMov" locale="es"
                            value="#{BKReporteAdministracion.fechaFinalMov}" 
                            pattern="dd/MM/yyyy" 
                            mindate="#{BKReporteAdministracion.fechaInicioMov}" size="19"
                            showOn="button" showButtonPanel="true" navigator="true">
                    <p:ajax event="dateSelect"  update="txtFechaInicioMov" process="@this" />
                </p:calendar>

            </p:column>
        </p:row>
    </p:panelGrid>
    <br/>
    <center>
        <p:commandButton action="#{MBReporteAdministracion.reporteDeMovimientos()}" ajax="false" value="Generar Reporte"/>
    </center>

</html>